#navbar-iframe,.quickedit {display:none !important}
header,
nav,
section,
aside,
article,
footer {display:block}
/* Use this with templates/template-twocol.html */
body,
.body-fauxcolumn-outer {
margin:0;
padding:0;
background:#191919;
font:normal normal 13px/20px 'Arial',Calibri,Sans-Serif;
min-width:960px;
color:#202020;
}
.fixw {
width:940px;
margin:0 auto;
}
.clear {
clear:both;
overflow:hidden;
height:0;
}
img {border:0}
::selection {
background:transparent !important;
text-shadow:none;
}
::-moz-selection {
background:transparent !important;
-moz-text-shadow:none;
}
* {outline:0}
.divider {
background:url('http://1.bp.blogspot.com/-Sh5-APM7pr8/UlbuA4xHw6I/AAAAAAAAACA/YVfiZoa-Z8g/s1600/head-bg.png') left center;
height:10px;
margin:50px 0 40px 0;
}
.removemargin {
height:0;
margin-top:-20px;
}
.two-fifth {
float:left;
width:328px;
margin-right:40px;
position:relative;
}
.three-fifth {
float:left;
width:492px;
margin-right:40px;
position:relative;
}
.two-fifth.last,
.three-fifth.last {margin-right:0}
.push-two {left:368px}
.pull-three {left:-532px}
.pic-border {
position:relative;
z-index:5;
border:1px solid #d1d1d1;
margin:20px 0;
}
.pic-border:before {
content:'';
position:absolute;
bottom:0;
left:10px;
right:10px;
height:20px;
background:none;
-webkit-border-radius:50% / 50%;
-moz-border-radius:50% / 50%;
border-radius:50% / 50%;
-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);
-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.6);
box-shadow:0 0 20px 0 rgba(0,0,0,0.6);
z-index:-1;
}
.pic-border:after {
content:'';
position:absolute;
width:100%;
height:100%;
top:0;
left:0;
background:#fff;
z-index:-1;
}
.pic-border img {
display:block;
width:100%;
}
/******************************
* Typography
******************************/
p {margin:20px 0}
a {color:#aa0017}
a:hover {color:#f89811}
h1,
h2,
h3,
h4,
h5,
h6 {
margin:20px 0;
font-weight:normal;
color:#aa0017;
}
.cufon-canvas {
margin:-100px 0;
/* Cufon line-height fix */;
}
h1 {
line-height:70px;
font-size:80px;
color:#fff;
text-transform:uppercase;
}
h1 span {color:#f89811}
h2 {
line-height:40px;
font-size:30px;
margin:50px 0 40px 0;
padding:20px 0;
text-transform:uppercase;
text-align:center;
background:url('http://2.bp.blogspot.com/-JsGjPRCAF7Q/Ulbt0lt8DeI/AAAAAAAAAAc/NbUYEocSQSg/s1600/content-h-bg.png');
position:relative;
}
h2:after {
content:'';
width:100%;
height:12px;
background:url('http://2.bp.blogspot.com/-ZldiFghAATM/Ulbt-_xKI0I/AAAAAAAAABQ/ZXxr_mUiyCU/s1600/content-h-add.png') no-repeat center top;
position:absolute;
left:0;
bottom:-12px;
}
h3 {
line-height:40px;
font-size:22px;
}
/***************************
Headline
****************************/
.headline-wrapper {background:#072285 url('http://4.bp.blogspot.com/-TsxpgykZYhk/Ulbt0Ry432I/AAAAAAAAAAU/f1W9uUAjMkM/s1600/headline-bg.jpg') repeat 0 0}
.headline {
background:url('http://4.bp.blogspot.com/-xbr9x92s7W8/Ulbty5PZyrI/AAAAAAAAAAM/Z_1Ck_sSSio/s1600/headline-lines.png') repeat 0 0;
position:relative;
}
.headline:after {
content:'';
display:block;
background:url('http://3.bp.blogspot.com/-IDn_iuEtAsQ/Ulbt-atscZI/AAAAAAAAABE/Ak0IHr0Fbc0/s1600/content-bg-shade.png') repeat-x left top;
width:100%;
height:209px;
position:absolute;
left:0;
bottom:0;
}
.headline-inner {
position:relative;
z-index:1;
background:url('http://3.bp.blogspot.com/-gvUxSRgNjlM/UlbuBLsYUwI/AAAAAAAAACE/VBRjKcumrqE/s1600/headline-shadow.png') repeat-x 0 0;
padding:0 0 280px 0;
}
.headline-left {
float:left;
width:630px;
padding:30px 0 10px 0;
margin:0 20px 0 0;
}
.headline-left > h1 {
line-height:70px;
font-size:80px;
font-family:'Montserrat',sans-serif;
color:#fff;
text-transform:uppercase;
}
.headline-left > h1 span {color:#f89811}
.headline-right {
width:290px;
float:left;
padding:30px 0 10px 0;
}
.headline-right-contaner {
float:right;
text-align:right;
}
.dates-place {
font-size:13px;
color:#dbdce5;
width:260px;
text-align:left;
position:relative;
top:2px;
}
.dates-place a {
color:#dbdce5;
text-decoration:none;
display:block;
padding-left:30px;
background:url('http://2.bp.blogspot.com/-YgfU79yN0wQ/UlbuDbJerKI/AAAAAAAAAC8/A_Z-qcZ4Lt8/s1600/icon-map.png') no-repeat 10px 4px;
}
.dates-place a span {color:#7e829e}
/******************************
* Countdown
******************************/
.countdown-comment {
height:18px;
margin:-9px 0;
width:260px;
text-align:left;
color:#9699ac;
}
.countdown {margin:20px 0}
#countdown {display:none}
.countdown-box {
width:260px;
border-top:1px solid #e7ebf0;
border-bottom:1px solid #bbc9d4;
border-left:1px solid #cad8e1;
border-right:1px solid #cad8e1;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
position:relative;
margin-left:29px;
}
.countdown-box:after {
content:'';
position:absolute;
top:-1px;
bottom:-1px;
left:-26px;
width:26px;
background:url('http://2.bp.blogspot.com/-I14XA4PoRO4/UlbuIHf73fI/AAAAAAAAAEk/ETknPZQBmGw/s1600/timeleft.png') no-repeat center center;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px;
}
.countdown-box .field {
float:left;
width:65px;
height:78px;
background:#f8f8f8 url('http://olevmedia.net/themes/expo18/img/countdown-bg.jpg') no-repeat right bottom;
position:relative;
overflow:hidden;
}
.countdown-box .field.last {background-position:left bottom}
.countdown-box .field.dropshade:before {
content:"";
position:absolute;
z-index:1;
top:0;
bottom:8px;
left:-41px;
width:40px;
-webkit-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
-moz-box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
box-shadow:0 0 5px 0 rgba(0,0,0,0.5);
-webkit-border-radius:20px / 100px;
-moz-border-radius:20px / 100px;
border-radius:20px / 100px;
}
.webkit .countdown-box .field.dropshade:before {
-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
box-shadow:0 0 7px 1px rgba(0,0,0,0.4);
}
.countdown-box .field .name {
text-align:center;
color:#949494;
font-size:12px;
line-height:16px;
-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.4);
-moz-text-shadow:0 1px 0 rgba(255,255,255,0.4);
text-shadow:0 1px 0 rgba(255,255,255,0.4);
}
.countdown-box .field .value {
position:relative;
margin:0 0 0 1px;
height:60px;
text-align:center;
color:#aa0017;
font-size:40px;
line-height:60px;
overflow:hidden;
}
.countdown-box .field .value .current {
position:absolute;
top:0;
left:0;
width:100%;
}
.countdown-box .field .value .next {
position:absolute;
top:-54px;
left:0;
width:100%;
}
.countdown-box .field .value .narrow {
letter-spacing:-6px;
margin-left:-3px;
}
.countdown-box .field .value .shade {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:url('http://4.bp.blogspot.com/-G57ynqMPD98/Ulbt_yszmcI/AAAAAAAAABs/2k9DpOP-K8I/s1600/countdown-shade.png') repeat-x 0 3px;
}
/*********************************************************************
Contentline
*********************************************************************/
.contentline {
background:#191919 url('http://4.bp.blogspot.com/-u47aOghAgl8/Ulbt-n7YqtI/AAAAAAAAABU/wKkBmQbHMzI/s1600/content-bg.png');
padding:20px 0;
position:relative;
z-index:1;
}
.contentline-inner {
background:#f5f5f5 url('http://1.bp.blogspot.com/-Pb6rHDVEH1Q/Ulbt_OJz1CI/AAAAAAAAABo/hK5cUjFDtr4/s1600/content-inner-bg.png');
margin-top:-300px;
margin-bottom:-300px;
padding:1px 0;
position:relative;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.7),inset 0 30px 30px -30px rgba(0,0,0,0.4);
-moz-box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.7),inset 0 30px 30px -30px rgba(0,0,0,0.4);
box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.7),inset 0 30px 30px -30px rgba(0,0,0,0.4);
}
.contentline-inner:before {
content:'';
position:absolute;
top:0;
left:0;
width:40px;
height:100%;
background:none;
-webkit-border-radius:50% / 50%;
-moz-border-radius:50% / 50%;
border-radius:50% / 50%;
-webkit-box-shadow:-20px 0 20px 0 rgba(0,0,0,0.5);
-moz-box-shadow:-20px 0 20px 0 rgba(0,0,0,0.5);
box-shadow:-20px 0 20px 0 rgba(0,0,0,0.5);
z-index:-1;
}
.contentline-inner:after {
content:'';
position:absolute;
top:0;
right:0;
width:40px;
height:100%;
background:none;
-webkit-border-radius:50% / 50%;
-moz-border-radius:50% / 50%;
border-radius:50% / 50%;
-webkit-box-shadow:20px 0 20px 0 rgba(0,0,0,0.5);
-moz-box-shadow:20px 0 20px 0 rgba(0,0,0,0.5);
box-shadow:20px 0 20px 0 rgba(0,0,0,0.5);
z-index:-1;
}
.pane-wraper {
background:#f6f6f6;
background:-moz-linear-gradient(top,#ffffff,#eaeaea);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eaeaea));
background:-webkit-linear-gradient(top,#ffffff,#eaeaea);
background:linear-gradient(top,#ffffff,#eaeaea);
border:1px solid #d1d1d1;
padding:11px;
margin:20px 0;
}
.pane {
margin:-1px;
border:1px solid #d5d5d5;
-webkit-box-shadow:0 0 1px 0 rgba(255,255,255,0.6),inset 0 0 2px 0 rgba(0,0,0,0.2);
-moz-box-shadow:0 0 1px 0 rgba(255,255,255,0.6),inset 0 0 2px 0 rgba(0,0,0,0.2);
box-shadow:0 0 1px 0 rgba(255,255,255,0.6),inset 0 0 2px 0 rgba(0,0,0,0.2);
background:#fff;
overflow:hidden;
}
.shade-lr {position:relative}
.shade-lr .shade_l {
content:"";
position:absolute;
z-index:1;
top:0;
bottom:0;
left:-40px;
width:40px;
-webkit-border-radius:20px / 100px;
-moz-border-radius:20px / 100px;
border-radius:20px / 100px;
-moz-transition-property:all;
-moz-transition-duration:0.6s;
-moz-transition-timing-function:ease;
-webkit-transition-property:all;
-webkit-transition-duration:0.6s;
-webkit-transition-timing-function:ease;
transition-property:all;
transition-duration:0.6s;
transition-timing-function:ease;
}
.shade-lr:hover .shade_l,
.shade-lr.hov .shade_l {
-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
}
.shade-lr .shade_r {
content:"";
position:absolute;
z-index:1;
top:0;
bottom:0;
right:-40px;
width:40px;
-webkit-border-radius:20px / 100px;
-moz-border-radius:20px / 100px;
border-radius:20px / 100px;
-moz-transition-property:all;
-moz-transition-duration:0.6s;
-moz-transition-timing-function:ease;
-webkit-transition-property:all;
-webkit-transition-duration:0.6s;
-webkit-transition-timing-function:ease;
transition-property:all;
transition-duration:0.6s;
transition-timing-function:ease;
}
.shade-lr:hover .shade_r,
.shade-lr.hov .shade_r {
-webkit-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
box-shadow:0 0 9px 1px rgba(0,0,0,0.5);
}
#news-wraper {margin:20px 0 40px 0}
#news-scroll-frame {
height:280px;
position:relative;
overflow:hidden;
cursor:default;
}
#news-scroll-frame:after {
content:'';
position:absolute;
height:36px;
width:100%;
bottom:0;
left:0;
background:url('http://3.bp.blogspot.com/-eTJ6-_gSV3M/UlbuGPflBDI/AAAAAAAAAEA/D0YcAcYAdE4/s1600/news-cut.png') repeat-x bottom;
}
.news-scrollbarV {
position:absolute;
z-index:100;
width:7px;
bottom:2px;
top:2px;
right:1px;
/*pointer-events:none;
-webkit-transition-property:opacity;
-webkit-transition-duration:0ms;
overflow-x:hidden;
overflow-y:hidden;
-webkit-transition-delay:0ms;
opacity:1;
*/;
}
.news-scrollbarV > div {
position:absolute;
z-index:100;
background-image:initial;
background-attachment:initial;
background-origin:initial;
background-clip:initial;
background-color:rgba(0,0,0,0.396094);
border:1px solid rgba(255,255,255,0.798438);
-webkit-background-clip:padding-box;
box-sizing:border-box;
width:100%;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
pointer-events:none;
}
#news {
list-style-type:none;
padding:0 0 27px 0;
margin:0;
position:relative;
}
#news li {
padding:15px 15px 10px 15px;
border-bottom:1px solid #ebebeb;
position:relative;
color:#575757;
background:none;
}
#news li .date {
display:block;
padding:0 2px;
color:#fff;
-webkit-text-shadow:none;
-moz-text-shadow:none;
text-shadow:none;
background:#c2c2c2;
border:1px solid #c1c2c4;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3),inset 0 0 7px 0 rgba(255,255,255,0.2),inset 0 20px 20px -20px rgba(255,255,255,0.8);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3),inset 0 0 7px 0 rgba(255,255,255,0.2),inset 0 20px 20px -20px rgba(255,255,255,0.8);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3),inset 0 0 7px 0 rgba(255,255,255,0.2),inset 0 20px 20px -20px rgba(255,255,255,0.8);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
float:left;
width:49px;
text-align:center;
margin:0 15px 0 0;
font-size:11px;
-moz-transition-property:all;
-moz-transition-duration:0.6s;
-moz-transition-timing-function:ease;
-webkit-transition-property:all;
-webkit-transition-duration:0.6s;
-webkit-transition-timing-function:ease;
transition-property:all;
transition-duration:0.6s;
transition-timing-function:ease;
}
#news li .text {
float:left;
width:200px;
line-height:18px;
padding:0;
margin:-2px 0 0 0;
}
#news li:after {
content:'.';
display:block;
height:0;
overflow:hidden;
clear:both;
}
#news li a.box {
display:block;
text-decoration:none;
color:#575757;
position:relative;
}
#news li:hover .date,
#news li.hov .date {
background-color:#f89811;
border-color:#f89811;
}
.content {
color:#575757;
-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.6);
-moz-text-shadow:0 1px 0 rgba(255,255,255,0.6);
text-shadow:0 1px 0 rgba(255,255,255,0.6);
padding:0 40px;
}
#HTML1 .widget .content ul {
margin:20px 0 20px 0;
list-style-type:none;
padding:0;
}
#HTML1 .widget .content ul li {
padding:0 0 5px 20px;
background:url('http://4.bp.blogspot.com/-H3HICN52i6U/UlbuFoxYcoI/AAAAAAAAAEQ/hg2OUszltCo/s1600/li.png') no-repeat 0 7px;
}
/***** Register block ******/
.register-pane {
background:#404040;
background:-moz-linear-gradient(top,#7b7b7b,#393939);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7b7b7b),color-stop(100%,#393939));
background:-webkit-linear-gradient(top,#7b7b7b,#393939);
background:linear-gradient(top,#7b7b7b,#393939);
color:#fff;
-webkit-text-shadow:0 -1px 0 #000;
-moz-text-shadow:0 -1px 0 #000;
text-shadow:0 -1px 0 #000;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
margin:20px 0;
position:relative;
z-index:5;
}
.register-pane-inner {
padding:30px;
background:url('http://4.bp.blogspot.com/-Sh5-APM7pr8/UlbuA4xHw6I/AAAAAAAAACI/-8mglNpa4I0/s1600/head-bg.png');
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
-webkit-box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #000;
-moz-box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #000;
box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #000;
}
.register-pane .button {
width:278px;
float:left;
text-align:right;
}
.register-pane .text {
width:482px;
margin-right:40px;
float:left;
font-size:14px;
}
.register-pane p {padding:0}
.register-pane .text .big {
font-size:22px;
margin:5px 0 10px 0;
}
.register-button {
display:inline-block;
position:relative;
height:60px;
text-align:center;
line-height:60px;
text-decoration:none;
color:#fff;
font-size:30px;
background:#8b0719;
background:-moz-linear-gradient(top,#af162b,#770111);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#af162b),color-stop(100%,#770111));
background:-webkit-linear-gradient(top,#af162b,#770111);
background:linear-gradient(top,#af162b,#770111);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
-webkit-text-shadow:0 -1px 1px rgba(0,0,0,0.4);
-moz-text-shadow:0 -1px 1px rgba(0,0,0,0.4);
text-shadow:0 -1px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:1px 1px 0 0 rgba(0,0,0,0.3),inset 0 1px 0 0 rgba(255,255,255,0.6);
-moz-box-shadow:1px 1px 0 0 rgba(0,0,0,0.3),inset 0 1px 0 0 rgba(255,255,255,0.6);
box-shadow:1px 1px 0 0 rgba(0,0,0,0.3),inset 0 1px 0 0 rgba(255,255,255,0.6);
}
.register-button:hover {color:#fff}
.register-button .inner {
position:relative;
display:block;
padding:0 30px;
background:url('http://2.bp.blogspot.com/-p7GF_2iyXuY/Ulbt99zrNeI/AAAAAAAAABA/N-Q-5RQaa_o/s1600/button-shade.png') no-repeat 50% 0;
white-space:nowrap;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.register-button .hov {
display:block;
display:none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#f89811;
background:-moz-linear-gradient(top,#fff1dc,#ff9d14);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff1dc),color-stop(100%,#ff9d14));
background:-webkit-linear-gradient(top,#fff1dc,#ff9d14);
background:linear-gradient(top,#fff1dc,#ff9d14);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
/***** Agenda block ******/
.agenda-day {
line-height:40px;
background:#fff;
border-bottom:1px solid #eaeaea;
border-top:1px solid #eaeaea;
color:#aa0017;
font-size:24px;
padding:30px 20px 10px 20px;
position:relative;
z-index:1;
-webkit-box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.2);
box-shadow:inset 0 15px 15px -15px rgba(0,0,0,0.2);
}
.agenda-day span {
color:#575757;
float:right;
font-size:14px;
text-transform:uppercase;
color:#9f9f9f;
background:url('http://1.bp.blogspot.com/-LXNNtTWxQ8E/UlbuBu_HbHI/AAAAAAAAACc/H7XZLhDkx-I/s1600/icon-date.png') no-repeat left center;
padding:0 0 0 20px;
display:block;
}
.agenda-day:first-child {border-top:none}
.agenda-day:after {
content:'';
position:absolute;
left:28px;
bottom:-10px;
width:20px;
height:10px;
background:url('http://3.bp.blogspot.com/-pOum8qNQ9uI/UlbuAT2uVXI/AAAAAAAAAB4/2YU_7OjPRXM/s1600/darr.png') no-repeat left center;
}
.agenda-item {
position:relative;
overflow:hidden;
border-top:1px solid #eaeaea;
margin-top:-1px;
background:#fff;
-moz-transition-property:background;
-moz-transition-duration:0.6s;
-moz-transition-timing-function:ease;
-webkit-transition-property:background;
-webkit-transition-duration:0.6s;
-webkit-transition-timing-function:ease;
transition-property:background;
transition-duration:0.6s;
transition-timing-function:ease;
cursor:default;
}
.agenda-item:hover {background:#fbfbfb}
.agenda-item.gray,
.agenda-item.gray:hover {background:#f2f2f2}
.agenda-item:after {
content:'.';
height:0;
clear:both;
overflow:hidden;
display:block;
}
.agenda-item .time {
float:left;
width:128px;
overflow:hidden;
padding:0 21px;
}
.agenda-item.gray .time {
-webkit-box-shadow:inset 0 1px 0 0 #fff;
-moz-box-shadow:inset 0 1px 0 0 #fff;
box-shadow:inset 0 1px 0 0 #fff;
}
.agenda-item .time span {
display:inline-block;
height:20px;
background:#af162b url('http://1.bp.blogspot.com/-FvopP42Os_A/UlbuEo139uI/AAAAAAAAADo/WGe0EVtZQFM/s1600/icon-time.png') no-repeat 7px center;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
border:1px solid #af162b;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3),inset 0 0 7px 0 rgba(255,255,255,0.2);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3),inset 0 0 7px 0 rgba(255,255,255,0.2);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3),inset 0 0 7px 0 rgba(255,255,255,0.2);
color:#fff;
padding:0 0 0 20px;
text-align:center;
width:106px;
margin:20px 0;
-webkit-text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-text-shadow:0 1px 0 rgba(0,0,0,0.2);
text-shadow:0 1px 0 rgba(0,0,0,0.2);
-moz-transition-property:all;
-moz-transition-duration:0.6s;
-moz-transition-timing-function:ease;
-webkit-transition-property:all;
-webkit-transition-duration:0.6s;
-webkit-transition-timing-function:ease;
transition-property:all;
transition-duration:0.6s;
transition-timing-function:ease;
}
.agenda-item.gray .time span {
background-color:#969696;
border-color:#969696;
}
.agenda-item:hover .time span {
background-color:#f89811;
border-color:#f89811;
}
.agenda-item .time span.icon-lunch {background-image:url('http://3.bp.blogspot.com/-03sig80VDAM/UlbuC0qwjHI/AAAAAAAAAC4/tzd5T9c19n4/s1600/icon-lunch.png')}
.agenda-item .description {
float:left;
border-left:1px solid #eaeaea;
width:430px;
padding:0 215px 0 20px;
}
.agenda-item.gray .description {
-webkit-box-shadow:inset 1px 1px 0 0 #fff;
-moz-box-shadow:inset 1px 1px 0 0 #fff;
box-shadow:inset 1px 1px 0 0 #fff;
}
.agenda-item.gray .description {color:#969696}
.agenda-item .room {
position:absolute;
right:20px;
top:20px;
height:20px;
overflow:hidden;
background:url('http://2.bp.blogspot.com/-R7aNQUSJV_U/UlbuHKcHI8I/AAAAAAAAAEM/uOik6RPakdw/s1600/room-bg.png') no-repeat left;
border-right:1px solid #d1d1d1;
color:#6a6a6a;
font-size:12px;
padding:0 10px 0 20px;
}
/************* Speakers Block **************/
ul.speakers {
list-style-type:none;
padding:0;
margin:0 -20px 0 0 !important;
}
ul.speakers li {
float:left;
margin:0 20px 0 0;
width:200px;
height:280px;
cursor:default;
padding:0 !important;
background:none !important;
}
ul.speakers li .pic {
padding:14px;
background:#f6f6f6;
background:-moz-linear-gradient(top,#ffffff,#eaeaea);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#eaeaea));
background:-webkit-linear-gradient(top,#ffffff,#eaeaea);
background:linear-gradient(top,#ffffff,#eaeaea);
border:1px solid #d1d1d1;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6);
position:relative;
top:0;
}
ul.speakers li .pic:after {
content:'.';
display:block;
clear:both;
height:0;
overflow:hidden;
}
ul.speakers li .pic img {
display:block;
float:left;
margin-right:15px;
border:1px solid #fff;
-webkit-box-shadow:0 0 0 1px rgba(175,205,228,0.4);
-moz-box-shadow:0 0 0 1px rgba(175,205,228,0.4);
box-shadow:0 0 0 1px rgba(175,205,228,0.4);
}
ul.speakers li .name {
line-height:15px;
font-size:12px;
color:#919191;
}
ul.speakers li .text {
background:url('http://3.bp.blogspot.com/-t7p8svauoSM/UlbuHUIIyYI/AAAAAAAAAEg/Db2qSNEPy44/s1600/speakers-border.png') no-repeat -1px top;
margin:10px 0 0 0;
padding:20px 0 0 20px;
}
ul.speakers li:hover .text {background-position:-301px top}
ul.speakers li .text p {margin:0 0 5px 0}
ul.speakers li .text span {color:#9f9f9f}
ul.speakers li:hover .name {color:#fb9a11}
ul.speakers li:hover .pic {
border-color:#fb9a11;
-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6),0 -1px 5px 1px rgba(0,0,0,0.15);
-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6),0 -1px 5px 1px rgba(0,0,0,0.15);
box-shadow:inset 0 0 0 1px rgba(255,255,255,0.6),0 -1px 5px 1px rgba(0,0,0,0.15);
}
/******* Map Block		*********/
.map {margin-top:0}
.image-map {
max-width:100%;
display:block;
}
.content-map {
width:516px;
float:left;
margin-right:40px;
}
/***********/
.address {
background:url('http://4.bp.blogspot.com/-3ztm3-lbxdY/Ulbt9JCpvEI/AAAAAAAAAAs/RnPeeuLfa6k/s1600/address-bg.png') no-repeat left top;
margin-top:20px;
padding-top:1px;
}
/******* Sponsors **********/
.sponsors {
line-height:140px;
text-align:center;
padding:0;
margin:0 0 40px 0;
}
.sponsors img {
display:inline-block;
margin:0 40px;
vertical-align:middle;
opacity:0.7;
-moz-transition-property:all;
-moz-transition-duration:0.4s;
-moz-transition-timing-function:ease;
-webkit-transition-property:all;
-webkit-transition-duration:0.4s;
-webkit-transition-timing-function:ease;
transition-property:all;
transition-duration:0.4s;
transition-timing-function:ease;
}
.sponsors img:hover {opacity:1}
/*********************************************************************
*********************************************************************
** Twitterline
*********************************************************************
*********************************************************************/
.twitterline {
margin:40px -40px 0 -40px;
padding:0 40px;
border-top:1px solid #f8f8f8;
-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.1);
-moz-box-shadow:0 -1px 0 0 rgba(0,0,0,0.1);
box-shadow:0 -1px 0 0 rgba(0,0,0,0.1);
background:url('../img/twitterline-bg.png');
-webkit-border-radius:0 0 3px 3px;
-moz-border-radius:0 0 3px 3px;
border-radius:0 0 3px 3px;
}
#twitter_update_list {
display:none;
padding:30px 80px 30px 0;
margin:0;
list-style-type:none;
background:url('http://2.bp.blogspot.com/-yX9atcVh4Xg/UlbuFJC15XI/AAAAAAAAADs/81lWcXUQfvw/s1600/icon-twitter2.png') no-repeat right 32px;
}
#twitter_update_list li {
color:#6e757a;
-webkit-text-shadow:0 1px 0 rgba(255,255,255,0.8);
-moz-text-shadow:0 1px 0 rgba(255,255,255,0.8);
text-shadow:0 1px 0 rgba(255,255,255,0.8);
padding:0;
background:none;
}
#twitter_update_list li a {color:#6e757a}
#twitter_update_list li a:hover {color:#f89811}
#twitter_update_list li:first-child {font-size:14px}
#twitter_update_list li .ago {
font-size:11px;
line-height:16px;
text-decoration:none;
color:#aaa;
}
#twitter_update_list li .ago:hover {
text-decoration:underline;
color:#6e757a;
}
/*********************************************************************
*********************************************************************
** Footerline
*********************************************************************
*********************************************************************/
.footerline {
background:#072285 url('http://1.bp.blogspot.com/-TsxpgykZYhk/Ulbt0Ry432I/AAAAAAAAAAY/dY5PLPpP2L0/s1600/headline-bg.jpg') repeat -230px 0;
-webkit-box-shadow:0 -1px 0 0 rgba(0,0,0,0.8);
-moz-box-shadow:0 -1px 0 0 rgba(0,0,0,0.8);
box-shadow:0 -1px 0 0 rgba(0,0,0,0.8);
color:#c8b4d2;
}
.footerline-inner {
background:url('http://1.bp.blogspot.com/-IDn_iuEtAsQ/Ulbt-atscZI/AAAAAAAAABM/auoSFOeTJl8/s1600/content-bg-shade.png') repeat-x 0 -209px;
padding:290px 0 10px 0;
}
.footerline a {color:#c8b4d2}
.footerline a:hover {color:#f89811}
.footer-copy {
float:left;
width:680px;
margin-right:20px;
}
.footer-social {
float:left;
width:240px;
text-align:right;
}
.social {
display:inline-block;
width:24px;
height:24px;
opacity:0.6;
margin:-3px 0 -3px 10px;
-moz-transition-property:all;
-moz-transition-duration:0.4s;
-moz-transition-timing-function:ease;
-webkit-transition-property:all;
-webkit-transition-duration:0.4s;
-webkit-transition-timing-function:ease;
transition-property:all;
transition-duration:0.4s;
transition-timing-function:ease;
}
.social:hover {opacity:1}
.social.facebook {background-image:url('http://4.bp.blogspot.com/-Ice_ca2DnOo/UlbuB2N7eVI/AAAAAAAAAC0/1lbfJHoxZSU/s1600/icon-facebook.png')}
.social.twitter {background-image:url('http://2.bp.blogspot.com/-X4ATWvva1Iw/UlbuE2cVa9I/AAAAAAAAADw/knQFHIt40ss/s1600/icon-twitter.png')}
.social.linkedin {background-image:url('http://4.bp.blogspot.com/-uISO0eJmUnU/UlbuCg_62XI/AAAAAAAAACw/p43UO7q13zk/s1600/icon-linkedin.png')}
/*=================================================================================================================================================*/
/* Navigation and Social Icon
----------------------------------------------- */
#mobilenav {display:none}
#nav ul,
#nav li {
padding:0;
margin:0;
list-style:none;
}
#nav {}
#menunav {
max-width:850px;
margin:25px 0;
color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
background:#3058B3;
border:1px solid rgba(0,0,0,0.05);
padding:0 25px;
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {position:relative}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:left;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {display:block}
.sf-menu a {
display:block;
position:relative;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {float:left}
.sf-menu ul {
min-width:12em;
padding-top:5px;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:35px;
line-height:35px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home,
.sf-menu > li > a.home.current {
background-color:#e67e22;
text-indent:-9999px;
padding:0;
width:35px;
-webkit-border-radius:5px 0 0 5px;
-moz-border-radius:5px 0 0 5px;
border-radius:5px 0 0 5px;
}
.sf-menu a {
color:white;
font-size:11px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:#FBFBFB;
margin:1px 0;
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
.sf-menu ul a:hover {padding-left:12px}
.sf-menu ul ul li {
background:#F7F7F7;
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:#303030;
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:#FFFFFF;
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after,
.jcarousel-prev:before,
.jcarousel-next:before {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:#303030;
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {border-top-color:#FFFFFF}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:#303030;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {border-left-color:#FFFFFF}
.sf-menu li > i {
position:absolute;
top:3px;
right:3px;
width:27px;
height:22px;
cursor:pointer;
display:none;
background-color:#e67e22;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}
.sf-menu li > i:after {
content:'+';
color:#FFFFFF;
font-size:19px;
position:absolute;
left:5px;
top:-2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:36px;
top:-14px;
}
#mobilenav.active {color:#303030}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before,
.rcentpost .date:before,
.rcentpost .comnum:before,
.morepostag a:before,
#mobilenav:before,
.ticker-controls li:before,
.post-body blockquote:before,
.comments .comments-content .icon.blog-author:before,
#mobilenav:before,
.breadcrumbs .homex:before {
position:absolute;
font-family:FontAwesome;
font-weight:normal;
font-style:normal;
text-decoration:inherit;
-webkit-font-smoothing:antialiased;
}
.sf-menu a.home:before,
#searchnya button:before,
#view a:before,
.breadcrumbs .homex:before {text-indent:0}
.sf-menu a.home:before {
width:30px;
height:30px;
}
.sf-menu a.home:before,
.breadcrumbs .homex:before {
content:"\f015";
top:1px;
font-size:17px;
left:9px;
color:#FFFFFF;
}
#searchnya button:before {
content:"\f002";
top:4px;
left:11px;
color:#FFFFFF;
font-size:14px;
}
#mobilenav:before {
content:"\f0c9";
top:0;
text-indent:0;
left:5px;
font-size:21px;
}
/* Button and Input
----------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input.input-field,
textarea {
background:#FAFAFA;
background:-moz-linear-gradient(top,#FAFAFA 0%,#FFFFFF 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FAFAFA),color-stop(100%,#FFFFFF));
background:-webkit-linear-gradient(top,#FAFAFA 0%,#FFFFFF 100%);
background:-o-linear-gradient(top,#FAFAFA 0%,#FFFFFF 100%);
background:-ms-linear-gradient(top,#FAFAFA 0%,#FFFFFF 100%);
background:linear-gradient(top,#FAFAFA 0%,#FFFFFF 100%);
border:1px solid #D8D8D9;
margin:5px 5px 5px 0;
display:inline-block;
-moz-box-shadow:0 1px 0 #FFFFFF,0 1px 0 #FFFFFF inset;
box-shadow:0 1px 0 #FFFFFF,0 1px 0 #FFFFFF inset;
-webkit-box-shadow:0 1px 0 #FFFFFF,0 1px 0 #FFFFFF inset;
text-shadow:0 1px 0 #FFFFFF;
padding:5px 8px 5px;
color:#777777;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}
input[type="text"],
input[type="password"],
input[type="search"],
input[type="email"],
input[type="tel"],
input.input-field,
textarea,
select,
input[type="submit"],
button[type="submit"],
input[type="reset"],
input[type="button"] {
transition:all linear .3s;
-webkit-transition:all linear .3s;
-moz-transition:all linear .3s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
outline:none;
}
input[type="submit"],
button[type="submit"] {
border:none !important;
outline:none;
}
input[type="submit"],
button[type="submit"] {
background-color:#e67e22;
cursor:pointer;
color:#FFFFFF;
padding:5px 8px;
}
input[type="submit"],
input[type="submit"]:hover,
button[type="submit"],
.button:hover {
box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 white,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1);
-webkit-box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 white,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1);
-moz-box-shadow:inset 0 2px 0 rgba(255,255,255,.2),0 1px 0 #FFF,inset 0 1px 0 rgba(0,0,0,.2),inset 0 -1px 0 rgba(0,0,0,.2),inset -1px 0 0 rgba(0,0,0,.1),inset 1px 0 0 rgba(0,0,0,.1);
}
/* Search Box
----------------------------------------------- */
#searchnya {
float:right;
position:relative;
}
#ajax-search-form {
width:200px;
height:25px;
margin:6px 5px 0 0;
padding-left:50px;
}
#searchnya input {
padding:7px 10px;
height:9px;
width:138px;
color:#8F8F8F;
border:1px solid #E7E7E7;
box-shadow:0 1px 0 #FFFFFF,0 1px 0 #FFFFFF inset;
-webkit-box-shadow:0 1px 0 #FFFFFF,0 1px 0 #FFFFFF inset;
text-shadow:0 1px 0 #FFFFFF,0 1px 0 #FFFFFF inset;
background-color:#FFFFFF;
background:-webkit-linear-gradient(top,#F3F3F3 0%,#FFFFFF 100%);
background:-o-linear-gradient(top,#F3F3F3 0%,#FFFFFF 100%);
background:-ms-linear-gradient(top,#F3F3F3 0%,#FFFFFF 100%);
background:linear-gradient(top,#F3F3F3 0%,#FFFFFF 100%);
float:left;
position:relative;
right:-3px;
}
#searchnya input,
#searchnya button {
display:block;
outline:0;
font-size:9px;
margin:0;
}
#searchnya button {
background-color:#e67e22;
padding:0;
text-indent:-9999px;
width:38px;
height:24px;
float:right;
-moz-border-radius:0 5px 5px 0;
-webkit-border-radius:0 5px 5px 0;
border-radius:0 5px 5px 0;
cursor:pointer;
position:relative;
}
#searchnya button:hover {background-color:#303030}
#search-result {
padding:8px 10px;
margin:10px 0;
width:280px;
height:auto;
position:absolute;
top:27px;
right:1px;
z-index:99;
display:none;
background-color:#FFFFFF;
box-shadow:0 1px 5px #D6D6D6;
-moz-box-shadow:0 1px 5px #D6D6D6;
-webkit-box-shadow:0 1px 5px #D6D6D6;
}
#search-result * {
margin:0 0 0 0;
padding:0 0 0 0;
}
#search-result h4,
#search-result strong {
display:block;
margin:0 30px 10px 0;
font-size:12px;
}
#search-result ol {
list-style:none;
overflow:hidden;
max-height:450px;
}
#search-result ol:hover {overflow:auto}
#search-result ol a:hover {text-decoration:underline}
#search-result .close {
text-decoration:none;
display:block;
position:absolute;
top:4px;
font-size:18px;
right:10px;
line-height:normal;
color:black;
}
#search-result li {padding:5px 0}
#search-result strong {
margin:0 0 3px 0;
display:block;
}
#search-result img {
float:left;
display:block;
margin:0 5px 0 0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
#search-result p {font-size:90%}
/* Layout Setting
----------------------------------------------- */
body#layout #mainmidtengah .half,
body#layout #mainmidtengah2 .half {
width:50%;
float:left;
}
body#layout #mainmidtengah,
body#layout #mainmidtengah2,
body#layout #layanan-wrapper,
body#layout #footer-wrapper,
body#layout #manualslidenya {overflow:hidden}
body#layout #header-kanan {width:290px}
body#layout #header-wrapper {padding:50px 0 0}
body#layout #footer-wrapper .grid {width:33.3%}
body#layout #manualslidenya .add_widget,
body#layout #manualslidenya .widget,
body#layout #manualslidenya .dropregion {
width:100%;
float:left;
}
body#layout #manualslidenya .widget.Image .widget-content {height:3em}
body#layout #manualslidenya .widget.Image {padding:0}
body#layout #manualslidenya .Image {display:block}
/* MAIN WRAPPER
----------------------------------------------- */
#main-wrapper {
width:65%;
float:left;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */;
}
#main-wrapper .textlast {text-transform:uppercase}
#sidebar-wrapper {
width:33%;
float:right;
word-wrap:break-word;
/* fix for long text breaking sidebar float in IE */
overflow:hidden;
/* fix for long non-text content breaking IE sidebar float */;
margin-left:2%;
}
#content-wrapper {
padding:10px;
background:none;
position:relative;
}
.right {float:right}
.left {float:left}
#main-wrapper .innerwrap,
/* HEADINGS
----------------------------------------------- */
.post-summary strong,
.menu-xitem,
.box_skitter_home.maxxiz-theme .label_skitter strong {
font:normal normal 12px Oswald,'Bebas Neue',Bebas,'Arial Narrow',Sans-Serif;
text-transform:none;
margin:0;
}
h1 {font-size:200%}
h2 {font-size:170%}
h3 {font-size:150%}
h4 {font-size:130%}
h5 {font-size:120%}
h6 {font-size:110%}
/* POSTS
----------------------------------------------- */
#view {float:right}
#view a {
text-indent:-9999px;
display:inline-block;
width:20px;
height:16px;
top:2px;
color:#252525;
outline:0;
position:relative;
text-decoration:none;
}
#view a.active {color:#e67e22}
#view a:before {
top:1px;
left:3px;
font-size:14px;
}
#view a.list:before {content:"\f00b"}
#view a.grid:before {content:"\f00a"}
.index h2.post-title,
.archive h2.post-title {
position:absolute;
left:-99999px;
}
a.thumbimgx {
float:left;
margin:0 10px 10px 0;
width:140px;
height:140px;
padding:5px;
display:block;
border:1px solid #DAD8D8;
background-color:#FFFFFF;
}
.post-summary strong {
font-size:150%;
line-height:1.4em;
}
.post-summary strong a,
.item .post h2.post-title a,
.static_page .post h2.post-title a {
text-decoration:none;
color:#3D3D3D;
}
.post-summary strong a:hover,
.item .post h2.post-title a:hover,
.static_page .post h2.post-title a:hover {color:#252525}
.post {position:relative}
.post-summary p {
margin:10px 0 0;
line-height:1.5em;
}
.post .datex {
position:absolute;
top:0;
left:16px;
display:none;
color:#FFFFFF;
padding:5px 3px;
background-color:#e67e22;
}
.post .datex strong,
.post .datex span,
.rcbytag.v .a0 .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.s .date strong,
.rcbytag.v .a0 .date span,
.rcbytag.h .a0 .date span,
.rcbytag.s .date span {
display:none;
text-align:center;
}
.post .datex strong,
.rcbytag.v .a0 .date strong,
.rcbytag.h .a0 .date strong,
.rcbytag.s .date strong {
font-size:17px;
max-width:25px;
height:20px;
}
.post .datex span span,
.rcbytag.v .a0 .date span,
.rcbytag.h .a0 .date span,
.rcbytag.s .date span {
font-size:8px;
line-height:10px;
}
.post:hover .datex,
.rcbytag.v .a0:hover .date,
.rcbytag.h .a0:hover .date,
.rcbytag.s li:hover .date {background-color:#000}
.post-more-link {
text-align:right;
margin:9px 0;
font-weight:bold;
font-size:9px;
}
.post-more-link a {display:inline-block}
.blog-posts.hfeed {overflow:hidden}
.post-outer.grid {
width:50%;
float:left;
}
.grid > .post {padding:0 10px}
.grid a.thumbimgx {
float:none;
width:auto;
margin:0 0 10px;
}
a.thumbimgx img {
width:100%;
height:100%;
}
.grid .post .datex {left:25px}
.grid .post-summary {position:relative}
.grid .post-summary strong {
font-size:130%;
position:absolute;
bottom:5px;
right:1px;
left:1px;
max-height:39px;
overflow:hidden;
padding:4px 10px 4px;
background-color:#FFFFFF;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity:0.8;
opacity:0.8;
}
.sidebar li:before,
.footer li:before {
content:"";
width:7px;
height:8px;
position:absolute;
background-color:#e67e22;
top:50%;
margin-top:-4px;
left:-5px;
}
.sidebar li:after,
.footer li:after {
content:"";
width:0;
height:0;
border-width:7px 5px;
border-style:solid;
border-color:transparent transparent transparent #e67e22;
position:absolute;
top:50%;
left:1px;
margin-top:-7px;
}
#layanan-wrapper .widget,
.post .datex,
#searchnya button,
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
.rcbytag.s .date {
-webkit-transition:background-color .4s ease-in-out;
-moz-transition:background-color .4s ease-in-out;
-o-transition:background-color .4s ease-in-out;
-ms-transition:background-color .4s ease-in-out;
transition:background-color .4s ease-in-out;
}
.post-more-link a:hover:before,
.post-more-link a:hover:after,
.PopularPosts .widget-content ul li:before,
.PopularPosts .widget-content ul li:after,
.sidebar ul.no li:before,
.sidebar ul.no li:after,
.BlogArchive #ArchiveList ul li:before,
.BlogArchive #ArchiveList ul li:after,
.grid .post-more-link,
.grid .post-summary p,
.index #blog-pager,
.archive #blog-pager,
.rcbytag.v .a0 .date:before,
.rcbytag.h .a0 .date:before,
.rcbytag.s .date:before,
#autoslidenya .widget > h2,
.preview_slide ul li:before,
.preview_slide ul li:after,
.status-msg-wrap {display:none}
.item .post-body,
.static_page .post-body {line-height:1.6em}
.item .post-body img,
.static_page .post-body img {
padding:4px;
border:1px solid #DAD8D8;
background-color:#FFFFFF;
}
.post-body .left img {margin:0 10px 10px 0}
.post-body .right img {margin:0 0 10px 10px}
.breadcrumbs {
background-color:#ECECEC;
padding:3px 5px;
font-size:9px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
line-height:20px;
height:20px;
overflow:hidden;
margin-bottom:8px;
}
.breadcrumbs .homex {
display:inline-block;
text-indent:-9999px;
width:20px;
height:20px;
position:relative;
cursor:pointer;
text-decoration:none;
}
.breadcrumbs .homex:before {
color:#e67e22;
left:3px;
top:0;
}
.post-footer-line.post-footer-line-1 > div {
display:inline-block;
font-size:10px;
}
.post-footer-line.post-footer-line-1 > div.post-share-buttons {
margin:10px 0 0;
padding:0 6px;
display:block;
}
.post-footer .goog-inline-block.dummy-container {
overflow:hidden;
width:36px;
}
.post-footer {
padding:5px;
overflow:hidden;
border:1px solid #E6E6E6;
background-color:#FFFFFF;
}
span.blog-admin,
span.pid-652203456 {float:right}
.post-footer a {color:#e67e22}
.post-footer a.timestamp-link,
.post-footer .post-author.vcard .fn,
.post-footer .comment-link,
.post-footer .post-labels > span {
position:relative;
padding:0 8px 0 20px;
line-height:20px;
height:20px;
display:inline-block;
color:#e67e22;
margin-right:5px;
}
.post-footer a.timestamp-link:before,
.post-footer .post-author.vcard .fn:before,
.post-footer .comment-link:before,
.post-footer .post-labels > span:before {
font-size:14px;
left:4px;
}
.post-footer a.timestamp-link:before {content:"\f017"}
.post-footer .post-author.vcard .fn:before {content:"\f007"}
.post-footer .comment-link:before {
content:"\f0e6";
font-size:15px;
left:3px;
}
.post-footer .post-labels > span:before {
content:"\f02c";
left:2px;
}
.item h1.post-title,
.static_page h1.post-title {
font-size:180%;
margin:0 0 10px;
}
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6 {margin-bottom:10px}
.post-body h1 {font-size:180%}
.post-body h2 {font-size:160%}
.post-body h3 {font-size:140%}
.post-body h4 {font-size:130%}
.post-body h5 {font-size:120%}
.post-body h6 {font-size:110%}
.post-body blockquote {
padding-left:32px;
margin:20px;
position:relative;
line-height:1.6em;
}
.post-body blockquote:before {
content:"\f10d";
left:0;
top:5px;
font-size:24px;
}
.post-body iframe {max-width:100%}
.blog-posts.hfeed .inline-ad {
margin-top:15px;
text-align:center;
padding:10px 2px;
overflow:hidden;
}
.error-custom {line-height:1.6em}
.post-body img,
.PopularPosts .item-thumbnail img,
a.kmtimg img,
#related_posts .gmbrrltd img,
a.thumbxtag img {
transition:opacity .2s ease-out;
-moz-transition:opacity .2s ease-out;
-webkit-transition:opacity .2s ease-out;
-o-transition:opacity .2s ease-out;
}
.post-body img:hover,
.PopularPosts .item-thumbnail img:hover,
a.kmtimg img:hover,
#related_posts .gmbrrltd img:hover,
a.thumbxtag img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter:alpha(opacity=70);
-moz-opacity:0.7;
-khtml-opacity:0.7;
opacity:0.7;
}
/* ReadMore,Load More,and Pagination button
----------------------------------------------- */
.loadpager {padding-bottom:5px}
.loadpager a,
.morepostag a {
display:block;
color:#e67e22;
}
.loadpager a,
.post-more-link a,
.morepostag a {
padding:6px 9px;
-moz-box-shadow:inset 0 1px 0 0 #FFFFFF;
-webkit-box-shadow:inset 0 1px 0 0 #FFFFFF;
box-shadow:inset 0 1px 0 0 #FFFFFF;
background-color:#F6F6F6;
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#FFFFFF),color-stop(1,#F6F6F6));
background:-moz-linear-gradient(top,#FFFFFF 5%,#F6F6F6 100%);
background:-webkit-linear-gradient(top,#FFFFFF 5%,#F6F6F6 100%);
background:-o-linear-gradient(top,#FFFFFF 5%,#F6F6F6 100%);
background:-ms-linear-gradient(top,#FFFFFF 5%,#F6F6F6 100%);
background:linear-gradient(to bottom,#FFFFFF 5%,#F6F6F6 100%);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #DAD8D8;
text-decoration:none;
position:relative;
outline:0;
}
.loadpager a:hover,
.post-more-link a:hover,
.loadpager a.process,
.morepostag a:hover {
background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#F6F6F6),color-stop(1,#FFFFFF));
background:-moz-linear-gradient(top,#F6F6F6 5%,#FFFFFF 100%);
background:-webkit-linear-gradient(top,#F6F6F6 5%,#FFFFFF 100%);
background:-o-linear-gradient(top,#F6F6F6 5%,#FFFFFF 100%);
background:-ms-linear-gradient(top,#F6F6F6 5%,#FFFFFF 100%);
background:linear-gradient(to bottom,#F6F6F6 5%,#FFFFFF 100%);
}
.loadpager a:active,
.post-more-link a:active,
.morepostag a:active {top:1px}
.loadpager a.process {text-indent:-9999px}
.loadpager a.process:before {
content:"";
width:24px;
height:24px;
left:50%;
top:50%;
margin-top:-12px;
margin-left:-12px;
text-indent:0;
position:absolute;
background:transparent url(http://4.bp.blogspot.com/-I-H2Bgv5vDA/UZMys_7L3NI/AAAAAAAAARM/wUMlEBtcC7E/s1600/anim_loading_sm_082208.gif) no-repeat center center;
}
.showpageNum a,
.showpagePoint,
.showpage a {
display:block;
float:left;
line-height:27px;
padding:0 9px;
margin:0 5px 0 0;
border:1px solid #D3D3D3;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
font-weight:bold;
color:#353535;
}
.showpageNum a,
.showpage a {
text-decoration:none;
text-shadow:0 1px 0 rgba(255,255,255,.5);
border-color:#D3D3D3;
background-color:#F8F8F8;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#FCFCFC,EndColorStr=#F8F8F8);
background-image:-moz-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);
background-image:-ms-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);
background-image:-o-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#FCFCFC),color-stop(100%,#F8F8F8));
background-image:-webkit-linear-gradient(top,#FCFCFC 0,#F8F8F8 100%);
background-image:linear-gradient(to bottom,#FCFCFC 0,#F8F8F8 100%);
}
.showpageNum a:hover,
.showpage a:hover {
border-color:#C6C6C6;
background-image:-moz-linear-gradient(top,#F8F8F8 0,#EEEEEE 100%);
background-image:-ms-linear-gradient(top,#F8F8F8 0,#EEEEEE 100%);
background-image:-o-linear-gradient(top,#F8F8F80,#EEEEEE 100%);
background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#F8F8F8),color-stop(100%,#EEEEEE));
background-image:-webkit-linear-gradient(top,#F8F8F8 0,#EEEEEE 100%);
background-image:linear-gradient(to bottom,#F8F8F8 0,#EEEEEE 100%);
}
.showpagePoint,
.showpageNum a:active,
.showpage a:active {
border-color:#C6C6C6;
text-shadow:0 1px 0 rgba(255,255,255,.5);
background-color:#E9E9E9;
background-image:none;
-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.20);
-ms-box-shadow:inset 0 1px 1px rgba(0,0,0,.20);
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.20);
box-shadow:inset 0 1px 1px rgba(0,0,0,.20);
}
.dotxpage {
float:left;
display:block;
line-height:27px;
margin:0 5px 0 0;
font-weight:bold;
}
/* COMMENTS
----------------------------------------------- */
.comments .avatar-image-container {
width:35px;
height:35px;
padding:3px;
background-color:#FFFFFF;
border:1px solid #DAD8D8;
}
.comments .avatar-image-container img {
height:100%;
width:100%;
}
.comments .comments-content .comment-header {margin-bottom:5px}
.comments .comments-content .comment-thread ol,
.comments .comments-content .comment-thread,
.comments .comments-content .comment,
.comments .comments-content .comment:first-child {margin:0}
.comments .comments-content .comment,
.comments .comments-content .comment:first-child {padding:0}
.comments .comments-content .comment-replies .comment-thread {margin-bottom:15px}
.comments .comments-content .comment-replies .comment-thread,
#comments-block.avatar-comment-indent .commentarea {
background-color:#FFFFFF;
border:1px solid #DAD8D8;
border-left:2px solid #e67e22;
}
.comments .comments-content .inline-thread .comment {
margin:15px 0 10px;
overflow:hidden;
}
.comments .continue a,
.comments .inline-thread #form-wrapper {
border:1px solid #DAD8D8;
-moz-box-shadow:inset 0 3px 13px #DAD8D8;
-webkit-box-shadow:inset 0 3px 13px #DAD8D8;
box-shadow:inset 0 3px 13px #DAD8D8;
}
.comments .inline-thread #form-wrapper {padding:10px}
.comments .continue a {text-decoration:none}
.comments .comments-content .datetime,
#comments-block.avatar-comment-indent .commentarea .datecm {
font-size:8px;
float:right;
}
.comment span.blog-admin,
.comment span.pid-652203456,
.sidebar span.blog-admin,
.sidebar span.pid-652203456 {float:none}
#comments-block .avatar-image-container img {
border:0;
float:none;
}
#comments-block .avatar-image-container {
height:35px;
width:35px;
left:-50px;
top:0;
}
#comments-block.avatar-comment-indent {margin-left:50px}
#comments-block.avatar-comment-indent .commentarea {
padding:5px 5px 18px;
margin-bottom:10px;
position:relative;
}
.commentarea p,
.comments .comments-content .comment-content {line-height:1.5em}
.comments .comments-content .icon.blog-author {position:relative}
.comments .comments-content .icon.blog-author:before {
content:"\f007";
top:1px;
left:1px;
font-size:15px;
color:#e67e22;
}
#blog-pager-newer-link {float:left}
#blog-pager-older-link {float:right}
.pager-isi {overflow:hidden}
.pager-isi a,
.pager-isi .linkgrey {
width:50%;
display:block;
float:left;
padding:10px 0;
text-decoration:none;
}
.pager-isi h5,
.pager-isi h6 {
margin:0;
font-weight:normal;
}
.pager-isi h6 {font-size:130%}
.pager-isi h5 {font-size:100%}
a.blog-pager-newer-link {
text-align:left;
position:relative;
}
a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {padding-left:20px}
a.blog-pager-older-link {
text-align:right;
position:relative;
}
a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {padding-right:20px}
.pager-isi .linkgrey.left {text-align:left}
.pager-isi .linkgrey.right {text-align:right}
a.blog-pager-newer-link:after,
a.blog-pager-older-link:after {
content:"";
width:0;
height:0;
border-width:8px 6px;
border-style:solid;
position:absolute;
top:50%;
margin-top:-8px;
}
a.blog-pager-newer-link:after {
border-color:transparent #e67e22 transparent transparent;
left:0;
}
a.blog-pager-older-link:after {
border-color:transparent transparent transparent #e67e22;
right:0;
}
.feed-links {display:none}
/* RELATED WIDGET
----------------------------------------------- */
#related_posts ul,
#related_posts li {
list-style:none;
margin:0;
padding:0;
overflow:hidden;
}
#related_posts .gmbrrltd {
float:left;
padding:3px;
border:1px solid #DAD8D8;
background-color:#FFFFFF;
margin:0 5px 5px 0;
}
#related_posts .gmbrrltd,
#related_posts .gmbrrltd img {display:block}
#related_posts p {
margin:5px 0 0;
line-height:1.5em;
}
#related_posts a {text-decoration:none}
/* SIDEBAR CONTENT
----------------------------------------------- */
.sidebar .widget > h4,
.menu-xitem,
#related_posts > h4,
#comments > h4 {
color:#252525;
padding:3px 10px;
font-size:145%;
margin:0 0 10px;
overflow:hidden;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
background-color:#ECECEC;
}
.sidebar .widget > h4 a {
color:#252525;
text-decoration:none;
}
.sidebar .widget {margin-bottom:15px}
.sidebar {
color:#666666;
line-height:1.5em;
}
.sidebar ul,
.footer ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li,
.footer li {
margin:0 0 4px;
padding-top:0;
padding-right:0;
padding-bottom:0;
padding-left:15px;
line-height:1.5em;
position:relative;
}
.sidebar li:before,
.footer li:before {
left:4px;
width:4px;
height:4px;
margin-top:-2px;
}
.sidebar li:after,
.footer li:after {
border-width:4px 4px;
left:7px;
margin-top:-4px;
}
.sidebar .widget-content {margin:0 5px 5px}
/* WIDGETS
----------------------------------------------- */
.PopularPosts .item-thumbnail {
width:65px;
height:65px;
padding:3px;
border:1px solid #DAD8D8;
background-color:#FFFFFF;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {
border:1px solid #C7C7C7;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
font-size:13px;
width:95%;
padding:2px 5px;
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}
.FollowByEmail .follow-by-email-inner {
background:#ECECEC url(http://2.bp.blogspot.com/-VOolQseRZD4/ULylJeO41TI/AAAAAAAABf8/PMcheGcZ0Mg/s64/picons20.png) no-repeat left top;
padding:10px;
}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background-color:#e67e22}
.contact-form-widget {
max-width:100%;
padding:0 10px;
}
.contact-form-name,
.contact-form-email,
.contact-form-email-message {max-width:94%}
.contact-form-email:focus,
.contact-form-name:focus,
.contact-form-email-message:focus {border:1px solid #e67e22}
/* RECENT COMMENTS
----------------------------------------------- */
a.kmtimg {
float:left;
padding:3px;
background-color:#FFFFFF;
display:block;
border:1px solid #DAD8D8;
margin:0 5px 5px 0;
width:50px;
height:50px;
}
.rcomnetxx,
.rcomnetxx li {
padding:0;
margin:0;
list-style:none;
overflow:hidden;
position:relative;
}
.rcomnetxx .ketkomt {margin-right:70px}
.rcomnetxx p {margin:5px 70px 5px 0}
.rcomnetxx .date {
position:absolute;
top:0;
right:0;
background-color:#505050;
color:#FFFFFF;
padding:0;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
text-align:center;
}
.rcomnetxx li {margin-bottom:10px}
.rcomnetxx .date .timex {
display:block;
background-color:#303030;
padding:0 2px;
-moz-border-radius:0 0 2px 2px;
-webkit-border-radius:0 0 2px 2px;
border-radius:0 0 2px 2px;
font-size:9px;
}
.rcomnetxx .date .dd,
.rcomnetxx .date .dmdy {display:inline-block}
.rcomnetxx .date .dd {
padding:2px 4px;
font-size:16px;
font-weight:bold;
}
.rcomnetxx .date .dmdy {
font-size:8px;
line-height:9px;
padding:2px 3px 1px 0;
}
.rcomnetxx .date .dm,
.rcomnetxx .date .dy {display:block}
.rcomnetxx .date:after {
content:"";
width:0;
height:0;
border-width:6px 6px;
border-style:solid;
border-color:transparent #505050 transparent transparent;
position:absolute;
top:1px;
left:-11px;
}
/* RecentPost by Tag
----------------------------------------------- */
.rcentpost,
.rcentpost li {
padding:0;
margin:0;
list-style:none;
}
.rcentpost li {
position:relative;
overflow:hidden;
margin-bottom:8px;
}
#mainmidatas {margin-top:15px}
#mainmidtengah,
#mainmidtengah2 {overflow:hidden}
#mainmidtengah .half,
#mainmidtengah2 .half {
width:50%;
float:left;
}
#mainmidtengah .half .widget,
#mainmidtengah2 .half .widget {padding:0 0 0 8px}
#mainmidtengah .half:first-child .widget,
#mainmidtengah2 .half:first-child .widget {padding:0 8px 0 0}
.rcentpost p {
margin:5px 0 0;
display:none;
}
.rcbytag.h .rcentpost .a0 p,
.rcbytag.v .rcentpost .a0 p {display:block}
a.thumbxtag {
display:block;
overflow:hidden;
padding:3px;
border:1px solid #DAD8D8;
background-color:#FFFFFF;
}
.h a.thumbxtag,
.v a.thumbxtag {
float:left;
width:60px;
height:60px;
}
.h a.thumbxtag,
.v a.thumbxtag {margin:0 5px 5px 0}
.h .a0 a.thumbxtag,
.v .a0 a.thumbxtag,
.s a.thumbxtag {
width:auto;
height:150px;
margin:0 0 8px;
float:none;
}
.s a.thumbxtag {height:120px}
a.thumbxtag img {
width:100%;
height:100%;
}
.rcbytag.h li {
width:50%;
float:right;
}
.rcbytag.h li.a0 {float:left}
.rcbytag.h ul {overflow:hidden}
.rcbytag.h .inner {padding:0 0 0 5px}
.rcbytag.h .a0 .inner {padding:0 5px 0 0}
.rcbytag.s .inner {padding:0 3px}
.jcarousel-clip-horizontal {overflow:hidden}
.rcbytag.s {width:100%}
.rcbytag.s li {
width:160px;
float:left;
}
.morepostag {text-align:center}
.rcbytag.v .a0 .date,
.rcbytag.h .a0 .date,
.rcbytag.s .date {
position:absolute;
top:0;
left:15px;
color:#FFFFFF;
display:none;
padding:5px 3px;
background-color:#e67e22;
}
.rcentpost strong a,
.PopularPosts .item-title a,
.rcomnetxx .ketkomt a {text-decoration:none}
.rcbytag.v .a0 .comnum,
.rcbytag.h .a0 .comnum,
.rcbytag.s .comnum {display:none}
.jcarousel-next,
.jcarousel-prev {
position:absolute;
width:22px;
height:22px;
background-color:#e67e22;
top:-36px;
right:0;
cursor:pointer;
outline:0;
}
.jcarousel-prev {right:25px}
.jcarousel-prev.jcarousel-prev-disabled,
.jcarousel-next.jcarousel-next-disabled {
background-color:#252525;
cursor:initial;
}
.rcentpost .date,
.rcentpost .comnum {
position:relative;
padding-left:16px;
margin-right:5px;
}
.rcentpost .info {font-size:9px}
.rcentpost .date:before,
.rcentpost .comnum:before {
left:3px;
top:-1px;
font-size:11px;
}
.rcentpost .date:before {content:"\f133"}
.rcentpost .comnum:before {content:"\f075"}
.jcarousel-prev:before,
.jcarousel-next:before {
border:5px solid transparent;
margin-top:-5px;
}
.jcarousel-next:before {
border-color:transparent;
border-left-color:#FFFFFF;
right:4px;
}
.jcarousel-prev:before {
border-color:transparent;
border-right-color:#FFFFFF;
right:9px;
}
/* Featured Post
----------------------------------------------- */
.featuredpost.box_skitter.box_skitter_home.maxxiz-theme {
padding:4px;
background-color:#FDFDFD;
box-shadow:0 1px 5px #BDBDBD;
-moz-box-shadow:0 1px 5px #BDBDBD;
-webkit-box-shadow:0 1px 5px #BDBDBD;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
height:250px;
position:relative;
z-index:88;
margin-bottom:15px;
}
.box_skitter_home.maxxiz-theme .prev_button,
.box_skitter_home.maxxiz-theme .next_button,
.box_skitter_home.maxxiz-theme .info_slide_dots {
display:none!important;
background-color:#F3F3F3;
background:-moz-linear-gradient(top,#FFFFFF 0%,#F3F3F3 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FFFFFF),color-stop(100%,#F3F3F3));
background:-webkit-linear-gradient(top,#FFFFFF 0%,#F3F3F3 100%);
background:-o-linear-gradient(top,#FFFFFF 0%,#F3F3F3 100%);
background:-ms-linear-gradient(top,#FFFFFF 0%,#F3F3F3 100%);
background:linear-gradient(top,#FFFFFF 0%,#F3F3F3 100%);
transition:background-color linear .3s;
-moz-transition:background-color linear .3s;
-webkit-transition:background-color linear .3s;
-o-transition:background-color linear .3s;
outline:0;
}
#autorslidertop {
padding:4px;
border:1px solid #DDD;
background-color:white;
box-shadow:0 1px 5px rgba(0,0,0,.15);
-moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
-webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.box_skitter ul {display:none}
.box_skitter .container_skitter {
overflow:hidden;
position:relative;
width:100% !important;
height:100% !important;
max-width:100%;
}
.box_skitter .image {
overflow:hidden;
max-width:100%;
max-height:100%;
height:250px;
}
.box_skitter .image > a {
display:block;
height:250px;
}
.box_skitter .image img {
display:none;
width:100%;
height:100%;
max-height:100%;
}
.box_skitter .box_clone {
position:absolute;
top:0;
left:0;
width:100px;
overflow:hidden;
display:none;
z-index:20;
}
.box_skitter img {max-width:none}
.box_skitter .box_clone img {
position:absolute;
top:0;
width:518px;
height:250px;
max-width:518px;
left:0;
z-index:19;
}
.box_skitter .prev_button {
position:absolute;
top:50%;
left:35px;
z-index:100;
width:42px;
height:42px;
overflow:hidden;
text-indent:-9999em;
margin-top:-25px;
}
.box_skitter .next_button {
position:absolute;
top:50%;
right:35px;
z-index:100;
width:42px;
height:42px;
overflow:hidden;
text-indent:-9999em;
margin-top:-25px;
}
.box_skitter .info_slide {
position:absolute;
top:15px;
left:15px;
z-index:100;
background:#000;
color:#FFFFFF;
font:padding:5px 0 5px 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
opacity:0.75;
}
.box_skitter .info_slide .image_number {
background:#333;
float:left;
padding:2px 10px;
margin:0 5px 0 0;
cursor:pointer;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.box_skitter .info_slide .image_number_select {
background:#c00;
float:left;
padding:2px 10px;
margin:0 5px 0 0;
}
.box_skitter .container_thumbs {
position:relative;
overflow:hidden;
height:50px;
}
.box_skitter .info_slide_thumb {
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
overflow:hidden;
height:45px;
top:auto;
bottom:-5px;
left:-5px;
padding:5px;
opacity:1.0;
}
.box_skitter .info_slide_thumb .image_number {
overflow:hidden;
width:70px;
height:40px;
position:relative;
}
.box_skitter .info_slide_thumb .image_number img {
position:absolute;
top:-50px;
left:-50px;
}
.box_skitter .box_scroll_thumbs {padding:0 10px}
.box_skitter .box_scroll_thumbs .scroll_thumbs {
position:absolute;
bottom:60px;
left:50px;
background:#ccc;
background:-moz-linear-gradient(-90deg,#555,#fff);
background:-webkit-gradient(linear,left top,left bottom,from(#555),to(#fff));
width:200px;
height:10px;
overflow:hidden;
text-indent:-9999em;
z-index:101;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
cursor:pointer;
border:1px solid #333;
}
.box_skitter .info_slide_dots {
position:absolute;
bottom:-40px;
z-index:151;
padding:5px 0 5px 5px;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
}
.box_skitter .info_slide_dots .image_number {
background:#333;
float:left;
margin:0 5px 0 0;
cursor:pointer;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius:50px;
width:18px;
height:18px;
text-indent:-9999em;
outline:0;
overflow:hidden;
}
.box_skitter .info_slide_dots .image_number_select {
background:#c00;
float:left;
margin:0 5px 0 0;
}
.box_skitter .label_skitter {
z-index:80;
position:absolute;
bottom:0;
left:0;
display:none;
}
.loading {
position:absolute;
top:50%;
right:50%;
z-index:10000;
margin:-16px -16px;
color:#FFFFFF;
text-indent:-9999em;
overflow:hidden;
background:#FFFFFF no-repeat left top;
width:32px;
height:32px;
}
.label_skitter {
z-index:150;
position:absolute;
bottom:0;
left:0;
color:#FFFFFF;
display:none;
opacity:0.9;
}
.label_skitter p {
padding:5px;
margin:0;
}
.info_slide * {}
.box_skitter .progressbar {
background:#000;
position:absolute;
bottom:5px;
left:10px;
height:5px;
width:940px;
z-index:99;
border-radius:20px;
}
.preview_slide {
display:none;
position:absolute;
z-index:999;
bottom:40px;
left:-40px;
width:100px;
height:50px;
border:3px solid #FFFFFF;
background:rgba(0,0,0,.5);
-moz-box-shadow:rgba(0,0,0,0.7) 0 0 10px;
-webkit-box-shadow:rgba(0,0,0,0.7) 0 0 10px;
box-shadow:rgba(0,0,0,0.7) 0 0 10px;
overflow:hidden;
}
.preview_slide ul {
width:100px;
height:50px;
padding:0;
overflow:hidden;
margin:0;
list-style:none;
display:block;
position:absolute;
top:0;
left:0;
}
.preview_slide ul li {
width:100px;
height:55px;
overflow:hidden;
float:left;
margin:0;
padding:0;
position:relative;
display:block;
}
.preview_slide ul li img {
position:absolute;
top:0;
left:0;
height:55px;
width:100px;
}
#overlay_skitter {
position:absolute;
top:0;
left:0;
width:100%;
z-index:9998;
opacity:1;
background:#000;
}
.box_skitter_home {
background-image:url(http://2.bp.blogspot.com/-DCmjx6RoZr4/USE6_AtfkoI/AAAAAAAAIew/Kymik1Hv4sY/s1600/anim_loading_sm_082208.gif);
background-position:center center;
background-repeat:no-repeat;
}
.box_skitter_home.maxxiz-theme .prev_button,
.box_skitter_home.maxxiz-theme .next_button,
.box_skitter_home.maxxiz-theme .info_slide_dots {
border:1px solid #FFFFFF;
box-shadow:0 1px 3px #BDBDBD;
-moz-box-shadow:0 1px 3px #BDBDBD;
-webkit-box-shadow:0 1px 3px #BDBDBD;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}
.box_skitter_home.maxxiz-theme .info_slide {}
.box_skitter_home.maxxiz-theme .info_slide_dots {
bottom:-14px;
height:30px;
padding:0 4px;
z-index:99;
left:50% !important;
margin-left:-59px;
}
.box_skitter_home.maxxiz-theme .info_slide_dots span {
transition:background linear .3s;
-webkit-transition:background linear .3s;
-moz-transition:background linear .3s;
background-image:url(http://2.bp.blogspot.com/-wlQ0ByipI94/USJMy6cTt4I/AAAAAAAAIhI/0ZQk2Nw-F-Y/s1600/light-overlay.png);
background-repeat:repeat-x;
background-position:left -13px;
background-color:#d1d1d1;
color:#777777;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
border-bottom:1px solid #FFFFFF;
display:block;
width:10px;
height:10px;
text-indent:-9999px;
float:left;
margin:10px 6px 0 6px;
}
.box_skitter_home.maxxiz-theme .info_slide_dots span:hover {background-color:#777777}
.box_skitter_home.maxxiz-theme .info_slide_dots span.image_number_select {
background-color:#e67e22;
border:none;
width:14px;
height:14px;
margin:8px 3px 0 3px;
box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1);
-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1);
-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.1),inset -1px 0 0 rgba(0,0,0,.1),inset 0 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.1);
}
.box_skitter_home.maxxiz-theme .prev_button,
.box_skitter_home.maxxiz-theme .next_button {
display:block;
width:75px;
height:22px;
line-height:30px;
text-decoration:none;
font-size:10px;
text-transform:uppercase;
transition:none;
-webkit-transition:none;
-o-transition:none;
-moz-transition:none;
text-indent:0;
bottom:-11px;
top:auto;
color:#777777;
z-index:98;
cursor:pointer;
}
.box_skitter_home.maxxiz-theme .prev_button:hover,
.box_skitter_home.maxxiz-theme .next_button:hover,
.box_skitter_home.maxxiz-theme .prev_button:active,
.box_skitter_home.maxxiz-theme .next_button:active {opacity:1 !important}
.box_skitter_home.maxxiz-theme .next_button {
right:25.5%;
padding-right:5px;
text-align:right;
line-height:22px;
opacity:1 !important;
}
.box_skitter_home.maxxiz-theme .next_button span {
padding-right:20px;
background:url(http://3.bp.blogspot.com/-0sdXIJ1gg7E/USJMx9yN_NI/AAAAAAAAIg8/_c5LEVNSzyU/s1600/nav-next.png) no-repeat left top;
background-position:right center;
padding-bottom:1px;
display:block;
}
.box_skitter_home.maxxiz-theme .prev_button {
left:25.5%;
padding-left:5px;
text-align:left;
line-height:22px;
opacity:1 !important;
}
.box_skitter_home.maxxiz-theme .prev_button span {
padding-left:20px;
background:url(http://4.bp.blogspot.com/-z8Ap4NNJRac/USJMxgHGlDI/AAAAAAAAIg4/wblKthAlpyQ/s1600/nav-prev.png) no-repeat left top;
background-position:left center;
padding-bottom:1px;
display:block;
}
.box_skitter_home.maxxiz-theme .label_skitter {
width:90%;
padding:0;
left:50%;
margin-left:-45%;
bottom:10%;
text-align:left;
height:auto;
color:white;
}
.box_skitter_home.maxxiz-theme .label_skitter .inner {
display:none!important;
padding:5px 8px 5px;
background:#e67e22;
border-right:5px solid white;
border-left:5px solid white;
}
.box_skitter_home.maxxiz-theme .label_skitter p {
padding:0;
margin-top:5px;
margin-bottom:5px;
text-shadow:0 1px 0 rgba(0,0,0,0.3);
}
.box_skitter_home.maxxiz-theme .label_skitter strong {
margin-top:0;
line-height:20px !important;
font-size:15px;
text-shadow:0 1px 0 rgba(0,0,0,.3);
color:white;
}
.box_skitter_home.maxxiz-theme .label_skitter a {
color:#FFFFFF;
text-decoration:none;
}
.box_skitter_home.maxxiz-theme .label_skitter a:hover {color:#FFFFFF}
.box_skitter_home.maxxiz-theme .info_slide_thumb {background-color:#FFFFFF}
.box_skitter.maxxiz-theme .info_slide_thumb .image_number {margin:5px}
.box_skitter .container_skitter .date,
.box_skitter .container_skitter .cm {font-size:8px}
.box_skitter .container_skitter .date span {margin-right:3px}
#autoslidenya .widget-content,
#manualslidenya1 .featuredarea {
margin:0;
padding:2px;
}
#manualslidenya1 .featuredarea {margin:0 0 15px}
/* PROFILE
----------------------------------------------- */
.profile-img {
width:70px;
height:70px;
padding:3px;
border:1px solid #DAD8D8;
margin:0 5px 5px 0;
}
.profile-link {
float:right;
font-style:italic;
}
dd.profile-data {font-style:italic}
/* FOOTER
----------------------------------------------- */
#footer-wrapper {
overflow:hidden;
background-color:#303030;
color:#E7E7E7;
}
#footer-wrapper a:hover {color:#FFFFFF}
#footer-wrapper .row {overflow:hidden}
#footer-wrapper .grid {width:33.3%}
#credit {
overflow:hidden;
text-align:center;
padding:8px 0;
}
#footer-wrapper .widget > h2,
#footer-wrapper .widget > h4 {background-color:#181818}
#footer-wrapper .widget > h2,
#footer-wrapper .widget > h4 {
font-size:140%;
border-radius:2px;
padding:2px 6px;
margin-bottom:10px;
}
#footer-wrapper .footer {padding:0 10px}
#footer-wrapper .widget {margin:15px 0}
.footer .PopularPosts .item-thumbnail,
.footer a.thumbxtag,
.footer a.kmtimg {
border:1px solid #000000;
background-color:#242424;
}
/* OTHERS
----------------------------------------------- */
img {
max-width:100%;
height:auto;
width:auto\9;
}
.loadingxx {
background-image:url(http://4.bp.blogspot.com/-I-H2Bgv5vDA/UZMys_7L3NI/AAAAAAAAARM/wUMlEBtcC7E/s1600/anim_loading_sm_082208.gif);
background-repeat:no-repeat;
background-position:50% 50%;
min-height:150px;
}
a#top {
position:fixed;
bottom:0;
right:0;
width:30px;
display:none;
height:34px;
margin-left:-15px;
background-color:#181818;
text-decoration:none;
outline:none;
cursor:pointer;
color:#FFFFFF;
text-indent:-9999px;
-moz-border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
border-radius:3px 3px 0 0;
z-index:10;
}
a#top:before {
content:"";
width:0;
height:0;
border-width:9px 8px;
border-style:solid;
border-color:transparent transparent #FFFFFF transparent;
position:absolute;
top:2px;
right:7px;
}
#page-loader {
position:fixed !important;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:9999;
background:#000 url('http://4.bp.blogspot.com/-4_hdi8Ph8fE/UYUz5HumQ7I/AAAAAAAAEBE/6KV17KP4RQg/s1600/loadinfo.net+%284%29.gif') no-repeat 50% 50%;
color:white;
padding:1em 1.2em;
display:none;
font:0/0 a;
text-shadow:none;
}
/* RESPONSIVE LAYOUT
----------------------------------------------- */
@media only screen and (min-width:768px) and (max-width:959px) {
body,
.body-fauxcolumn-outer {min-width:768px}
.fixw {width:768px}
#main-wrapper {width:60%}
#sidebar-wrapper {width:40%}
.box_skitter .box_clone img {width:427px}
.simply-scroll {width:647px}
#nav {position:relative}
#mobilenav {
display:block;
position:absolute;
height:29px;
line-height:29px;
padding:0 10px 0 30px;
color:#FFFFFF;
font-weight:bold;
top:3px;
left:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#e67e22;
text-decoration:none;
outline:0;
}
#menunav {
position:absolute;
top:36px;
left:10px;
right:10px;
z-index:999;
max-width:100%;
background-color:#FBFBFB;
display:none;
}
.sf-menu > li {float:none}
.sf-menu a.home,
.sf-menu > li > a.home.current {
width:auto;
text-indent:0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
}
.sf-menu ul {position:static}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul,
.sf-menu a.home:before {display:none}
.sf-menu a,
.sf-menu a.home,
.sf-menu > li > a.home.current {
height:28px;
line-height:28px;
padding:0 10px;
}
#header {max-width:100%}
.headline-left {width:458px}
.headline-left > h1 {font-size:60px}
.contentline-inner:before,
.contentline-inner:after {display:none}
.three-fifth {width:320px}
.pull-three {left:-360px}
.register-pane .text,
.register-pane .button {
float:none;
text-align:center;
margin-right:0;
width:auto;
}
.register-pane .button {margin-top:20px}
.agenda-item .description {
width:323px;
padding-right:150px;
}
ul.speakers {margin-right:-44px !important}
ul.speakers li {margin-right:44px !important}
.content-map {width:344px}
.sponsors img {
margin-left:20px;
margin-right:20px;
}
.footer-copy {width:508px}
}
@media only screen and (min-width:480px) and (max-width:767px) {
body,
.body-fauxcolumn-outer {
min-width:420px;
font-size:12px;
}
.fixw {width:420px}
#main-wrapper,
#sidebar-wrapper {
width:100%;
float:none;
}
#main-wrapper .innerwrap {padding-right:0}
.simply-scroll {width:360px}
.box_skitter .box_clone img {width:448px}
#footer-wrapper .grid {width:50%}
#header {
float:none;
max-width:100%;
text-align:center;
}
#header img {margin-left:auto}
.headline-left > h1 {
font-size:50px;
line-height:50px;
margin-bottom:0;
}
.content {
padding-right:20px;
padding-left:20px;
}
.contentline-inner:before,
.contentline-inner:after {display:none}
.headline-left {
padding-bottom:0;
width:auto;
float:none;
margin:0;
}
.headline-right {
padding-top:0;
width:auto;
float:none;
}
.headline-right-contaner {
float:none;
text-align:left;
}
.two-fifth,
.three-fifth {
width:auto;
margin-right:0;
margin-left:0;
float:none;
}
.pull-three,
.push-two {left:0}
.register-pane-inner {padding:20px}
.register-pane .text,
.register-pane .button {
float:none;
text-align:center;
margin-right:0;
width:auto;
}
.register-pane .button {margin-top:20px}
.register-button {font-size:25px}
.register-button .inner {
padding-left:20px;
padding-right:20px;
}
.agenda-day {font-size:21px}
.agenda-item .description,
.agenda-item .time {
float:none;
width:auto;
display:block;
padding:0 20px;
margin:20px 0;
border:0;
}
.agenda-item .time span {margin:0}
.agenda-item.gray .description,
.agenda-item.gray .time {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.agenda-item .room {
display:inline-block;
position:static;
margin:0;
}
ul.speakers {margin-right:-20px !important}
ul.speakers li {
width:180px !important;
margin-right:20px !important;
height:320px;
}
ul.speakers li .pic img {float:none}
ul.speakers li .pic .name {margin-top:10px}
.sponsors img {
margin-left:15px;
margin-right:15px;
}
.content-map {
width:auto;
float:none;
margin:20px 0;
}
.contact-form {
margin:40px auto;
float:none;
}
.twitterline {
margin-right:-20px;
margin-left:-20px;
}
.footer-copy,
.footer-social {
width:auto;
margin:20px 0;
float:none;
text-align:center;
}
}
@media only screen and (max-width:479px) {
body,
.body-fauxcolumn-outer {
min-width:300px;
font-size:12px;
}
.fixw {width:300px}
.simply-scroll {width:200px}
.ticknews {display:none}
.simply-scroll {
width:98%;
margin:0 auto;
float:none;
}
.box_skitter .box_clone img {width:288px}
.box_skitter_home.maxxiz-theme .label_skitter p,
.box_skitter_home.maxxiz-theme .prev_button,
.box_skitter_home.maxxiz-theme .next_button {display:none}
#footer-wrapper .grid {
width:100%;
float:none;
}
.rcbytag.h li,
.rcbytag.h li.a0,
#mainmidtengah .half,
#mainmidtengah2 .half {
float:none;
width:100%;
}
#mainmidtengah .half .widget,
#mainmidtengah2 .half .widget,
#mainmidtengah .half:first-child .widget,
#mainmidtengah2 .half:first-child .widget {padding:0}
a.thumbimgx {
width:110px;
height:110px;
padding:4px;
margin:0 6px 6px 0;
}
.rcbytag.h .inner,
.rcbytag.h .a0 .inner {padding:0}
.grid > .post {padding:0 2px}
.grid .post-summary strong {font-size:110%}
.box_skitter_home.maxxiz-theme .next_button {right:9.5%}
.box_skitter_home.maxxiz-theme .prev_button {left:9.5%}
.separator a {
float:none !important;
margin:0 auto 15px !important;
}
table.tr-caption-container {
float:none !important;
margin:0 auto 10px !important;
padding:0;
}
.post-body .left,
.post-body .right {
float:none;
display:block;
margin:5px 0 15px;
text-align:center;
}
.post-body .right img,
.post-body .left img {margin:0}
.post-body iframe {max-height:300px}
.headline-left > h1 {
font-size:40px;
line-height:40px;
margin-bottom:0;
}
h2 {
font-size:25px;
padding:10px 0;
}
h2:after {display:none}
h3 {
font-size:18px;
line-height:20px;
}
.content {
padding-right:15px;
padding-left:15px;
}
.contentline-inner:before,
.contentline-inner:after {display:none}
.headline-left {
padding-bottom:0;
width:auto;
float:none;
margin:0;
}
.headline-right {
padding-top:0;
width:auto;
float:none;
}
.headline-right-contaner {
float:none;
text-align:left;
}
.two-fifth,
.three-fifth {
width:auto;
margin-right:0;
margin-left:0;
float:none;
}
.pull-three,
.push-two {left:0}
#news li .text,
#news li .date {float:none}
#news li .text {
padding:0;
margin:10px 0 0 0;
width:auto;
}
.register-pane-inner {padding:20px}
.register-pane .text,
.register-pane .button {
float:none;
text-align:center;
margin-right:0;
width:auto;
}
.register-pane .button {margin-top:20px}
.register-button {font-size:20px}
.register-button .inner {
padding-left:15px;
padding-right:15px;
}
.agenda-day {font-size:15px}
.agenda-day span {font-size:12px}
.agenda-item .description,
.agenda-item .time {
float:none;
width:auto;
display:block;
padding:0 20px;
margin:20px 0;
border:0;
}
.agenda-item .time span {margin:0}
.agenda-item.gray .description,
.agenda-item.gray .time {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
.agenda-item .room {
display:inline-block;
position:static;
margin:0;
}
ul.speakers {margin-right:0 !important}
ul.speakers li {
width:auto !important;
margin:0 0 40px 0 !important;
float:none;
height:auto;
}
.sponsors img {
margin-left:15px;
margin-right:15px;
}
.content-map {
width:auto;
float:none;
margin:20px 0;
}
.contact-form {
margin:40px -15px;
float:none;
}
.form-wraper {
border-left:0;
border-right:0;
}
.twitterline {
margin-right:-15px;
margin-left:-15px;
}
.footer-copy,
.footer-social {
width:auto;
margin:20px 0;
float:none;
text-align:center;
}
}
/*HOME FLEXIBLE LAYOUT*/
.halaman-depan {
margin:0;
padding:0;
}
/*common layout*/
body.index div.main .widget.Blog {display:none}
#home-layout {display:normal}
body.index div.home #home-layout {
width:100%;
float:none;
}
body.index div.home #main {
width:100%;
float:none;
}
body.index div.home #side {display:none}